@CHARSET "UTF-8";

/*所有页面body样式设置*/
html,body,div,ul,li,span,div,a {margin:0px;padding:0px;}
ul li {list-style: none;}
a {text-decoration: none;color: #666;}
a:HOVER {color: red;text-decoration: underline;}
body { height: 100%;font-family: "SimSun",Microsoft YaHei,Arial;font-size: 12px;background-color: rgb(255, 255, 255);}

/*页面的顶部,跟随页面滚动，显示个人信息*/
#index-top {width: 100%; height: 27px; line-height: 27px; position: fixed; background-color: rgb(240, 240, 240); border-bottom: 1px solid #dfdfdf;}
#index-top ul { width: 1240px;margin: 0 auto 0 auto;}
#index-top ul li {float: right;}
#index-top .item1 {width: 150px;}
#index-top .item2 {width: 68px;}
#index-top .item3 {width: 50px;}
#index-top .item4 {width: 400px; text-align: right; margin-right: 10px;}

#index-top .item2 .span {float: left;}
#index-top .item2 .cart {background: url('../images/cart_logo.gif') no-repeat 0px -4px; padding-left: 24px;}


/*页面的头部*/
#index-header {width: 100%;padding-top: 36px;}
#index-header .bar {width: 1200px; height: 65px;margin: 0 auto 0 auto;}
#search-bar {width: 524px; margin-top: 5px; height: 60px;float: left;}
#index-header .bar .logo {width: 210px;float: left;height: 100%;}
#search-bar .text {width: 520px; height:32px ;border: 2px solid #e60012;color: #333;position: relative; background-color: rgb(255, 255, 255);}
#search_value {float: left; height:32px ;border: 0px; background-color: transparent; font-size: 100%; line-height: 32px; width: 382px; padding-right: 6px; padding-left:32px;vertical-align: middle;color: #333333;background: url(../images/indexhead_sprite.png) no-repeat -279px -20px}
#search_btn {float: left; width: 100px; border: 0px; color: #fff; cursor: pointer; font-size: 18px; line-height: 32px;background-color: rgb(230, 0, 18);font-family: "Microsoft YaHei";}

#index-header .bar .service {height: 32px;margin-top: 5px;float: left;}
#index-header .bar .service .phone {line-height: 36px;padding-left: 20px; font-size: 18px;}
#index-header .bar .service .phone strong {font-size: 18px; font-style: italic; color: #a40000;}

#nav {width: 1200px;height: 35px; background-color: rgb(230, 0, 18);margin: 0 auto 0 auto;position: relative;}
#box {float: left; width: 230px;position: relative;}
#box_title a {color: #fff; font-family: "Microsoft YaHei"; font-size: 14px; line-height: 36px; padding-left: 18px; text-decoration: none; display: inline-block;width: 162px;}
#box_list {line-height: 36px; border: #cccfc4 1px solid;position: absolute; top:40px;}
#box_list ul li {padding: 1px 0 0 0;}
#box_list .box_item {width: 230px;padding-top: 1px;}
#box_list .box_item h3 {width: 190px; padding: 9px 0 1px 0; margin: 0 auto; height: 20px; line-height: 20px;}
#box_list .box_item .menu_Icon {float: right; height: 13px; width: 13px;}
#box_list .box_item .item_Logo {float: left; height: 16px; width: 16px; }
#menu_Logo_01 {background: url('../images/iconsprites.png') no-repeat -6px -5px;}
#menu_Logo_02 {background: url('../images/iconsprites.png') no-repeat -37px -5px;}
#menu_Logo_03 {background: url('../images/iconsprites.png') no-repeat -125px -5px;}
#menu_Logo_04 {background: url('../images/iconsprites.png') no-repeat -125px -5px;}
#box_list .box_item .item_title {font-weight: bold; line-height: 20px; cursor: pointer; color: #333;}
#box_list .box_item p {width: 190px; padding: 0px 0 9px 0; margin: 0 auto; height: 20px; overflow: hidden; line-height: 20px;border-bottom: #c9c9c9 1px solid;}
#box_list .box_item p .pd_type {display: inline; font-size: 12px; height: 20px; line-height: 20px; width: auto; margin: 0px 10px 0 0;}
#box_list .box_item_hover {float: left; width: 229px; line-height: 36px; padding-top: 1px; background-color: #dc0000;}
#box_list .box_item_hover h3 {width: 190px; padding: 9px 0 1px 0; margin: 0 auto; height: 20px;}
#box_list .box_item_hover .menu_Icon {float: right; height: 13px; width: 13px; background: url('../images/iconsprites.png') no-repeat -9px -65px;}
#box_list .box_item_hover .item_Logo {float: left; height: 16px; width: 16px; background: url('../images/iconsprites.png') no-repeat -6px -31px;}
#box_list .box_item_hover .item_title {font-weight: bold; line-height: 20px; cursor: pointer; color: #fff;float: left;}
#box_list .box_item_hover p {width: 190px; padding: 0px 0 9px 0; margin: 0 auto; height: 20px; overflow: hidden; line-height: 20px;}
#box_list .box_item_hover p .pd_type {display: inline; font-size: 12px; height: 20px; line-height: 20px; width: auto; margin: 0px 10px 0 0;color: #fff;font-family: "SimSun";}
	
#nav_items {float: left;}
#nav_items ul {list-style: none; height: 35px;margin: 0;padding: 0px; margin-left: -2px;}
#nav_items ul li {float: left; height: 35px;}
#nav_items .cur {border-right: 1px solid #e60012; color: #333; height: 33px; }
#nav_items ul li a {font-size: 14px; display: block; height: 35px; line-height: 35px; padding-left: 16px; padding-right: 16px; text-decoration: none;color: #333; font-weight: bold;}
#nav_items .cur a {background-color: rgb(255, 255, 255); border-top: 1px solid #e60012; color: #e60012;}

/*正文内容样式*/
#content {width: 1200px;margin: 5px auto 0 auto;}
#product_ad {width: 966px; height: 490px;float: right;overflow: hidden;}
.product_ad_item ,.product_ad a{width: 966px; height: 490px; display: block;}
#product_ad_item_01 {background: url("../images/product_ad_01.jpg") no-repeat;}

/*正文内容 的广告使用浮动，推荐商品div即使使用了clear，但是margin-top还是没效果，所以添加一个空白暂位*/
.blank_div {height: 10px;clear: both;}

#recomm {height: 340px; overflow: hidden;margin-bottom: 24px;}
.recomm_item {display: block; padding-right: 11px; float: left;}
.recomm_item_last {padding: 0px;}
#recomm IMG {border: 0px;}

.counter {height: auto; margin-bottom: 24px; overflow: hidden;}
.counter_title_bar {height: 26px; position: relative;}
.counter_title {display: block; width: 215px; height: 26px; position: absolute; left: 0; top: 0;}
#counter_title_01 {background: url("../images/counter_title.png") no-repeat 0px 0px;}
#counter_title_02 {background: url("../images/counter_title.png") no-repeat 0px -27px;}
.counter_more_bar {width: 984px; height: 24px; background: #f5f5f5; border: #cacaca 1px solid; float: right;}
.counter_more {float: right;height: 13px;width: 13px;background: url("../images/counter_title.png")  no-repeat 0px -282px; padding:6px 10px 0 0;}
.tableft {display: block; width: 215px; height: 340px; margin-right: 5px; position: absolute;}
.tableft_item {margin-bottom: 2px; overflow: hidden;}
.tableft_link {margin-bottom: 0px; height: 22px; position: absolute; top: 318px; left: 0px;}
.tableft_link a {display: block; width: 215px; height: 22px; text-align: center; font-weight: bold; font-family: "微软雅黑"; background: #777676; font-size: 14px; color: #ffffff;}

.tabright {float: right; height: 340px; width: 979px; overflow: hidden;}
.tabright_item {margin-right: 11px; float: left;}
.tabright_item_last {margin-right: 0px;}


.ad-bar {}
.shoppe {position: relative; margin: 0px auto; overflow: hidden; width: 1200px;}
.shoppe h2 {margin: 0px; padding: 0px; position: relative; height: 62px;}
.shoppe h2 img {float: left; vertical-align: top;}

#subFooter {margin-bottom: 25px; text-align: center;}
#footer_logo_01 {width: 113px; height: 45px; display: inline-block;margin: 0px 10px; background: url("../images/footer_logo.png") no-repeat 0px -261px;}
#footer_logo_02 {width: 96px; height: 45px; display: inline-block;margin: 0px 10px; background: url("../images/footer_logo.png") no-repeat 0px -358px;}
#footer_logo_03 {width: 101px; height: 45px; display: inline-block;margin: 0px 10px; background: url("../images/footer_logo.png") no-repeat -93px -358px;}